﻿<!DOCTYPE HTML>
<html>

<head>
	<title></title>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
	<link rel="stylesheet" type="text/css" href="../lib/Hui-iconfont/1.0.8/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
	<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />
	<style>
		.box_a {
			display: flex;
		}

		.box_a>div:nth-child(1) {
			width: 50%;
			text-align: left;
		}

		.box_a>div:nth-child(2) {
			width: 50%;
			text-align: right;
		}

		.buta {
			width: 60px;
			background: #fff;
			border: 1px solid #d2d2d2;
			border-radius: 4px;
			height: 30px;
			cursor: pointer;
		}
	</style>
</head>

<body>
	<nav class="breadcrumb">
		<i class="Hui-iconfont">&#xe67f;</i>合同使用详情
		<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);"
		    title="刷新">
			<i class="Hui-iconfont">&#xe68f;</i>
		</a>
	</nav>
	<div class="page-container">
		<div class="text-c box_a">
			<div>
				日期范围：
				<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate"
				    style="width:150px;"> -
				<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" id="logmax" class="input-text Wdate"
				    style="width:150px;">
				<button name="" id="" class="btn btn-success" type="submit">查询</button>
			</div>
			<div>
				合同状态：
				<select class="select" name="brandclass" size="1" style="width:150px;height: 31px;position: relative;top: 2px;">
					<option value="0" selected>全部</option>
					<option value="1">签署成功</option>
					<option value="2">等待签署</option>
				</select>
				合同类型：
				<select class="select" name="brandclass" size="1" style="width:150px;height: 31px;position: relative;top: 2px;">
					<option value="0" selected>全部</option>
					<option value="1">劳务合同</option>
					<option value="2">借贷合同</option>
				</select>
			</div>
		</div>
		<div class="cl pd-5 bg-1 bk-gray mt-20">
			<span class="l">
				合同使用详情
			</span>
			<span class="r">共有数据：
				<strong>54</strong> 条</span>
		</div>
		<table class="table table-border table-bordered table-bg table-hover table-sort">
			<thead>
				<tr class="text-c">
					<th>序号</th>
					<th>合同使用编号</th>
					<th>合同标题</th>
					<th>签署方</th>
					<th>联系方式</th>
					<th>合同状态</th>
					<th>合同类型</th>
					<th>发起时间</th>
					<th>使用者</th>
					<th>预览</th>
				</tr>
			</thead>
			<tbody>
				<tr class="text-c">
					<td>1</td>
					<td>dfsgfds</td>
					<td>证方形数据有限公司劳务合同</td>
					<td>小Q</td>
					<td>15248751245</td>
					<td>待发送
						<img src="../images/icona.png" width="12" height="12px" style="position: relative;top:-8px;">
					</td>
					<td>劳务合同</td>
					<td>
						<span>2017-02-25</span>
						<br/>
						<span>14:35:02</span>
					</td>
					<td>CCGO</td>

					<td>
						<a href="ht_editor.html" style="text-decoration: none;">
							<button class="buta">查看详情</button>
						</a>
					</td>
				</tr>
			</tbody>
		</table>
		<div id="pageNav" class="pageNav"></div>
	</div>
	<script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
	<script type="text/javascript" src="../static/h-ui/js/H-ui.min.js"></script>
	<script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script>

	<script type="text/javascript" src="../lib/My97DatePicker/4.8/WdatePicker.js"></script>
	<script type="text/javascript" src="../lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>

</body>

</html>